<template>
  <div id="app">
    <router-view />
    <div class="loading-conver" v-show="showLoading">
      <div class="loading-box">
         <i class="el-icon-loading"/>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: "App",
  data(){
    return{
     
    }
  },

  computed:{
    ...mapState([
      'showLoading'
    ])
  },

  methods: {
    
  }

};
</script>

<style scoped>
  .loading-conver{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 1200px;
    background: white;
    opacity: 0.6;
    overflow: hidden;
  }
  .loading-box{
    margin: 20% 48%;
    width: 80px;
  }
  .el-icon-loading{
    font-size: 40px;
  }
</style>
